<!DOCTYPE html>
<html lang="en">
<head>
  <%= require('../../view/common/head.htm') %>
</head>
<body>
  <%=require('../../view/common/header.htm')%>

  <div class="login-container">
    <div class="login-wrap">
      <div class="login">
        <div class="loginform">
          <ul class="tab clearFix">
            <li>
              <a id="passwordLogIn" href="##" class="current">账户登录</a>
            </li>
            <li>
              <a id="phoneLogIn" href="##" style="border-right: 0;">手机登录</a>
            </li>
          </ul>

          <div class="content">
            <form id="passwordForm" action="##">
              <div class="input-text clearFix">
                <span class="user icon"></span>
                <input id="username" type="text" placeholder="用户名">
                <span class="error-msg" id="usernameMsg"></span>
              </div>

              <div class="input-text clearFix">
                <span class="pwd icon"></span>
                <input id="password" type="password" placeholder="密码">
                <span class="error-msg" id="passwordMsg"></span>
              </div>

              <div class="input-text clearFix">
                <span class="icon"></span>
                <input id="code" type="text" class="code" placeholder="验证码">
                <img 
                  id="code_image" 
                  style="width: 100px;height: 32px;margin-left: 25px"
                />
                <span class="error-msg" id="codeMsg"></span>
              </div>

              <button class="btn" id="submitPassword">登&nbsp;&nbsp;录</button>
            </form>

            <form id="phoneForm" action="##">
              <div class="input-text clearFix">
                <span class="user icon"></span>
                <input id="phonenumber" type="text" placeholder="手机号">
                <span class="error-msg" id="phoneMsg"></span>
              </div>

              <div class="input-text clearFix">
                <span class="icon"></span>
                <input id="phonecode" type="text" class="code" placeholder="验证码">
                <input class="sendPhoneCode" type="button" value="获取验证码" id="sendBtn"/>
                <span class="error-msg" id="phoneCodeMsg"></span>
              </div>

              <button class="btn" id="submitPhone">登&nbsp;&nbsp;录</button>
            </form>

            <div class="call clearFix">
              <a class="register" href="./register.html">立即注册</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <%=require('../../view/common/footer.htm')%>
</body>
</html>